Ext.onReady(function() {
    var userLoginPanel = Ext.create('Ext.panel.Panel', {
        bodyCls: 'bgImage',
        border : false,
        defaults:{
            margin:'100 0'
        },
        items:{
            xtype : 'tabpanel',
            id : 'loginTabs',
            height : 200,
            border : false,
            items:[{
                title : "身份认证",
                iconCls:'login',
                xtype : 'form',
                id : 'loginForm',
                defaults : {
                    margin: '20 0 0 60'
                },
                // The fields
                defaultType : 'textfield',
                labelWidth : 40,
                items: [{
                    fieldLabel: '用户名',
                    cls : 'user',
                    name: 'username',
                    labelAlign:'right',
                    labelWidth:50,
                    maxLength : 30,
                    emptyText:'请在这里填写用户名',
                    maxLengthText : '账号的最大长度为30个字符',
                    blankText:"用户名不能为空，请填写！",//错误提示信息，默认为This field is required!
                    allowBlank: false
                },{
                    fieldLabel: '密　码',
                    cls : 'key',
                    name: 'password',
                    inputType:"password",
                    labelWidth:50,
                    labelAlign:'right',
                    emptyText:'请在这里填写密码',
                    maxLengthText :'密码长度不能超过20',
                    maxLength : 20,
                    blankText:"密码不能为空，请填写！",//错误提示信息，默认为This field is required!
                    allowBlank: false
                }]
            },{
                title:'关于',
                xtype:'panel',
                iconCls:'login_about',
                layout:{
                    type:'vbox',
                    padding:'10',
                    align:'left'
                },
                id:'aboutPanel',
                defaultType : 'label',
                defaults:{
                    margin: '10 0 0 10',
                    align:'left'
                },
                items:[
                    {text:'专注于中小型企业开发，有需要的朋友可以联系我'},
                    {text:'Q Q :154341736'},
                    {text:'TEL :18589024202'}
                ]
            }]
        }
    });

    Ext.create('Ext.window.Window', {
        width : 360,
        height:280,
        maximizable : false,
        draggable : false,
        closable : false,
        resizable : false,
        items: userLoginPanel,
        // 重置 和 登录 按钮.
        buttons: [{
            text: '重置',
            iconCls : 'login_reset',
            handler: function() {
                Ext.getElementById("loginForm").reset();
            }
        }, {
            text: '登录',
            iconCls : 'login_pass',
            handler: function() {
                Ext.Ajax.request({
                    url:'127.0.0.1:8080',
                    method:'POST',
                    timeout:5000,
                    waitMsg : '正在提交数据',
                    waitTitle : '提示',
                    callback: function (options, success, response) {
                        if(success){
                            window.location = 'www.baidu.com';
                        }else{
                            window.location = 'admingManager';
                        }
                    }
                });
            }
        }]
    }).show();
});